<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <meta name="keywords" content="xx,xx,xx" />
    <meta name="description" content="yyyyyyy" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta property="qc:admins" content="70003766576320416375" />
    <meta name="format-detection" content="telephone=no">
    <title>通知</title>
    <link rel="stylesheet" href="../css/base/jquery-ui-1.10.3.css" type="text/css">
    <link rel="stylesheet" href="../plugin/bootstrap-3.3.7/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/inform.css">
    <link rel="stylesheet" href="../css/field.css">
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body>
<div class="container-fluid inform-container">
    <!--header start-->
    <div class="row  inform-header">
        小秘书
    </div>
    <!--header end-->

    <!--content start-->
    <div class="row content" style="margin-bottom: 80px;">
        <ul class="nav nav-tabs inform-nav">
            <li class="active">
                <a href="#inform-message" data-toggle="tab">
                    消息通知
                </a>
            </li>
            <li>
                <a href="#problem-solution" data-toggle="tab">
                    问题解答
                </a>
            </li>
        </ul>
        <div  class="tab-content ">
            <div class="tab-pane fade in active" id="inform-message">

        <!--<div class="message-box">
                    <img src="../images/hope.png">
                    <div class="message-content">
                       Hi， 李华先生您好，你已报名7月12日悦华大酒店8:00-17:00全天兼职，别往了准时到岗哦-_-
                    </div>
                    <span class="time">7月12日</span>
                </div>-->
            </div>
            <div class="tab-pane fade" id="problem-solution">
                <div class="question">
                    <textarea  placeholder="请在此处简要描述你的问题和意见......" rows="10"></textarea>
                </div>
                <div class="picture">
                    <h6>图片（选填，提供相关问题的截图</h6>
                    <div class="row">
                        <input id="file-Portrait" type="file" multiple class="file" data-overwrite-initial="true" >
                    </div>
                </div>
                <h6 id="problem-solution-btn" class="button"><b class="btn">提交</b></h6>
            </div>

        </div>
    </div>
    <!--header end-->

    <!--footer start-->
    <div class=" footer" style="left: 0;right: 0">
        <ul class="tabs">
            <li><a href="../index.html">职位</a></li>
            <li><a href="friends.html">朋友圈</a></li>
            <li><a href="JavaScript:;" class="inform-active">通知</a></li>
            <li><a href="personal.html">我的</a></li>
        </ul>
    </div>
    <!--footer end-->
</div>
        </div>
    </div>
</div>
</body>
<script src="../js/common/jquery-2.1.4.min.js"></script>
<script src="../js/index.js"></script>
<script src="../plugin/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
<script src="../plugin/fileinput.min.css"></script>
<script src="../plugin/fileinput.min.js"></script>
<script src="../plugin/fileinput_locale_zh.js"></script>
<script>
    $('#file-Portrait').fileinput({
        showRemove : false,
        language: 'zh', //设置语言
        uploadUrl: "/FileUpload/Upload", //上传地址
        allowedFileExtensions : ['jpg', 'png','gif','png','jpeg'],//接收文件后缀,
        maxFileCount: 100,
        enctype: 'multipart/form-data',
        showUpload: false, //是否显示上传按钮
        showCaption: false,//是否显示标题
        browseClass: "btn btn-primary",    //按钮样式
        previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
        msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}！"
    });



    $(function () {//上传图片按钮
        $('.btn.btn-primary.btn-file').attr({
            'class':'',
            id:'btn-file'
        });

        //提交按钮
    $(function () {

        $('#problem-solution-btn').click(function(){

            if(parseInt($('.question textarea').val().length)<parseInt(10)){
                alert('输入的内容不能少于十个字哦');
                $('.question textarea').focus();
                $('.question textarea').select();
                return false;
            }
            else if($('.question textarea').val()==''){
                alert('问题或建议不能为空喔');
                $('.question textarea').focus();
                $('.question textarea').select();
                return false;
            }
            else{
                alert('你的问题已提交，我们会尽快处理，请时刻关注消息通知哦！');
                window.location.reload();
                $('.question textarea').val('');
            }
        });
    });
    });
</script>
<script src="../js-data/common/template.js"></script>
<script src="../js-data/inform.js"></script>
<script src="../js/common/common.js"></script>
<script>
    var url = server + '/server/common/set/Secretary/isRead.json';
    $.post(url, function (data) {});
</script>
</html>